<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
	</head>
	<body>
		<h1>云豆网注册</h1>
		<form action="css11.html"  method="GET">
			<input type="hidden" name="country" value="china"/>
			
			<p>
				<label for="uname">姓名：</label><input type="text" id="uname" name="uname" maxlength="12" value="unkown" required placeholder="请输入真实姓名" pattern="[\u4e00-\u9fa5]{2,10}"/>
			</p>
			<p>
				<label for="loginname">登录名：</label><input id="loginname" type="text" name="loginname" size="40" required placeholder="请输入登录名" pattern="\w{2,12}"/>
			</p>
			<p>
				密码：<input type="password" name="uname" placeholder="输入密码" required  />
			</p>
			<p>
				<label>电子邮件</label>
				<input type="email" name="mail"/>
			</p>
			<p>
				年龄：<input type="number" name="age" max="140" min="10" />
			</p>
			<p>
				手机号<input type="tel" name="telephone"/>
			</p>
			<p>
				性别:<input type="radio" name="sex" value="男" checked/>Male
				<input type="radio" name="sex" value="女"/>Female
				<input type="radio" name="sex" value="妖"/>Ghost
			</p>
			<p>
				来自哪个城市:
				<!-- multiple size="3" 可以多选 -->
				<select name="city" 
		 
					<option value="hefei">合肥</option>
					<option value="hn" selected >淮南</option>
					<option value="hb">淮北</option>
					<option value="anqing">安庆</option>
					<option value="mg">明光</option>
					<option value="Xc">宣城</option>
				</select>
			</p>
			<p>
				喜欢:<input name="like" value="java" readonly/>
			</p>
			<p>
				<h3>个人经历</h3>
				<textarea name="selfIntro" rows="20" cols="40">个人的情况</textarea>
			</p>
			<p>
				有手机号<input type="text" name="youphone" value="是" disabled/>
			</p>
			<p>
				个人情况调查:
				<input type="checkbox" name="aihao" value="dancing"/>喜欢跳舞吗?
				<input type="checkbox" name="aihao" value="singing"/>喜欢唱歌吗?
				<input type="checkbox" name="aihao" value="Game" checked/>喜欢打游戏吗?
				<input type="checkbox" name="aihao" value="Drink"/>喜欢喝酒吗?
				<input type="checkbox" name="aihao" value="smoking"/>喜欢抽烟吗?
			</p>
			<p>
				头像照片:<input type="file" name="photo"/>
			</p>
			<p>
				生日：<input type="date"  name="birthday"/>
			</p>
			<p>
				上课时间：<input type="datetime-local" name="startClass"/>
			</p>
			<p>
				<input type="checkbox" name="accpet" value="yes" required>
				请阅读并同意我们的<a href="#">协议</a>
			</p>
			<p>
				<input type="submit" value="注册"/>
				<input type="reset" value="重置"/>
				<input type="button" value="普通按钮">
			</p>
			<p>
				<button>注册</button>
				<button type="reset">重来</button>
			</p>
		</form>
	</body>
</html>